<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--设置网页图标-->
<link rel="icon" href="images/min-logo.ico" type="images/x-ico" />
<title>收藏夹</title>
<link
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">
<!-- 导入bootstrap核心js文件 -->
<link rel="stylesheet" href="/ProfessionalDesign/css/carts.css">
</head>
<body>
	<div class="container" style="width: auto">
		<section class="cartMain">
			<div class="cartMain_hd">
				<ul class="order_lists cartTop" style="list-style: none;">
					<div class="col-lg-1 col-md-1 col-sm-1">
						<li class="list_chk">
							<!--所有商品全选--> <input type="checkbox" id="all" class="whole_check">
							<label for="all"></label> 全选
						</li>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-sm-pull-1 hidden-xs">
						<li class="list_con"><b>商品信息</b></li>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-2 hidden-xs">
						<li class="list_info"><b>商品详情</b></li>
					</div>
					<div class="col-lg-1 col-md-1 col-sm-1 hidden-xs">
						<li class="list_price"><b>单价</b></li>
					</div>
					<div class="col-lg-4 col-md-2 col-sm-1 hidden-xs">
						<li class="list_op" style="text-align:center"><b>操作</b></li>
					</div>
				</ul>
			</div>
			<!--第一件商品-->
			<c:forEach var="cart" items="${favorites}">
				<div class="cartBox">
					<div class="order_content">
						<ul class="order_lists" style="list-style: none;">
							<div class="row" style="padding-bottom: 15px;">
								<!--复选框-->
								<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"
									style="padding-left: 5px;">
									<li class="list_chk"><input type="checkbox"
										id="checkbox_${cart.fid}" class="son_check"> <label
										for="checkbox_${cart.fid}"></label></li>
									<!-- 将购物车id作为checkbox的唯一标识 -->
								</div>
								<!--商品信息/图片-->
								<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
									<li class="list_con">
										<div class="list_img">
											<a href="javascript:;"><img src="${cart.g_image}" alt=""></a>
										</div>
									</li>
								</div>
								<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
									<!--电脑版商品信息,xs时隐藏-->
									<li class="list_con hidden-xs">
										<div class="list_text" style="padding-left: 15px;">
											<a href="javascript:;">${cart.good_name}</a>
										</div>
									</li>
								</div>
							<!--商品参数-->
							<div class="col-lg-2 col-md-2 col-sm-2 hidden-xs">
								<li class="list_info" style="padding-top: 20px;">
									<p>规格：默认</p>
								</li>
							</div>
							<!--单价-->
							<div class="col-lg-1 col-md-1 col-sm-1 hidden-xs">
								<li class="list_price">
									<p class="price"
										style="font-size: larger; color: red; font-family: microsoft yahei;">￥${cart.price}</p>
								</li>
							</div>

							<!--操作-->
							<div class="col-lg-1 col-md-2 col-sm-1 col-xs-3">
								<li class="list_op" style="text-align:center">
									<p class="del">
										<input type="button" class="btn btn-danger delBtn"
											style="font-family: helvetica;"
											onclick="javascript:window.location.href='/ProfessionalDesign/favorite/del?fid=${cart.fid}&userid=${cart.user_id}';"
											value="删除" />
									</p>
								</li>
							</div>
							</ul>
					</div>		
					</div>
	</c:forEach>
	</section>
	</div>
</body>
<script src="https://code.jquery.com/jquery.js"></script>
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- <script src="/ProfessionalDesign/js/carts.js"></script> -->
</html>
